//about.vue
<template>
	<div>
			
		
	    <div>{{msg}}</div>
	    <Slider v-model="value" range></Slider>
	    <button class="waves-effect waves-button">点我试试</button>
    </div>
</template>
<script>
	import waves from '../assets/lib/waves.js';
	export default {
	  name: 'about',
	  data () {
	    return {
	     	value: [20,80],
			timer: null,
		    img: ['http://upload-images.jianshu.io/upload_images/3360875-5625658440cb542d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240',
		        'http://upload-images.jianshu.io/upload_images/3360875-b70e9d81d26e2a27.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240',
		        'http://upload-images.jianshu.io/upload_images/3360875-dc724649454c2ddc.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240',
		        'http://upload-images.jianshu.io/upload_images/3360875-d2148a1bb7ea9d21.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240'
		    ],
		    msg: 'Welcome to Your Vue.js App'
	    }
	  },
	  
	  methods:{
	        change(i) {
	            this.mark = i
	        },
	        autoPlay() {
	            this.mark++
	                if (this.mark === 4) {
	                    this.mark = 0
	                    return
	                }
	        },
	        play() {
	            setInterval(this.autoPlay, 3000)
	        }
	    }
	}
</script>
<style lang="">
	@import url("../assets/styles/waves.css");
</style>

